<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/zhuce.css">
    <link rel="stylesheet" href="css/base.css">
</head>
<body>
        <div id="head2_wrap">
                <header>
                    <div class="logo">
                        <a href="http://www.juooo.com"></a>
                    </div>
                    <h2 class="title">汇聚每一个感动</h2>
                </header>
        </div>

      
      <div id="zhuce">
          <div class='top'>
              <ul>
                  <li>手机号注册</li>
                  <li>邮箱注册</li>
              </ul>
              <p>注：非大陆用户请用邮箱注册</p>
          </div>
          <form class='form_box'>
              <div>
                    <label for="username">手机号码</label>
                    <input type="text" id='username' placeholder="中国 +86 |">
             </div>
             <div>
                    <label for="check">手机验证</label>
                    <input type="text" id='check' placeholder="请输入验证码">
            </div>
            <div>
                    <label for="password">登录密码</label>
                    <input type="password" id='password' placeholder="6~16个字符，字母和数字组合">
             </div>
             <div>
                    <label for="mima2">密码确认</label>
                    <input type="password" id='mima2' placeholder="请再次输入你的登陆密码">
             </div>
             <div>
                    <input type="button" value='注册' id='btn'>
            </div>
          </form>
      </div>


      <div id="foot_wrap2">
            <footer>
                <ul>
                    <li><a href="">关于聚橙</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">加入我们</a></li>
                    <li><a href="">加盟聚橙</a></li>
                    <li><a href="">服务条款</a></li>
                    <li><a href="">媒体报道</a></li>
                    <li><a href="">合作伙伴</a></li>
                    <li><a href="">网站地图</a></li>
                </ul>
                <p>全国统一客服电话:400-185-8666 深圳市聚橙网技术有限公司</p>
                <p>Copyright 2007-2016 &copy;聚橙网 粤B2-20070272|粤ICP备09218027号</p>
            </footer>
        </div>
</body>
</html>
<script src="js/ajax.js"></script>
<script>
    var btn=document.getElementById('btn')
  btn.onclick=function(){
      loadData()
  }
function loadData(){
    var username=document.getElementById('username');
    var password=document.getElementById('password')

    var data=Ajax('POST','http://39.105.192.164:9090/apitest/adduser',`username=${username.value}&password=${password.value}`)
    .then(function(data){
        console.log(data)
    })
  

}

</script>